<template>
  <div>
    <!-- <banner></banner> -->

    <mt-swipe :auto="4000" :show-indicators="false">
      <mt-swipe-item>
        <a class="banner">
          <img src="../assets/images/hotel-sjfs.jpg" alt="圣爵菲斯酒店年会">
          <!-- <h4>圣爵菲斯酒店年会</h4> -->
        </a>
     </mt-swipe-item>
    </mt-swipe>

    <!-- <template v-if="typeList.length === 0">
      <mt-tabbar v-model="active">
        <mt-tab-item v-for="n in column" :id="n">
          栏目{{n}}
        </mt-tab-item>
      </mt-tabbar>

      <mt-tab-container v-model="active" :swipeable="true">
        <mt-tab-container-item v-for="n in column" :id="n">
        <ul class="playList" style="background:rgb(245,245,245)">
          <li v-for="m in 4" class="card">
            <div class="playBox" style="background-image:url(http://www.pailixiang.com/Themes/pcbo/images/banner-partner.jpg?v=1.1); ">
              <div class="mask"><img src="../assets/images/play.png"></div>
            </div>
            <p class="ellipsis">{{n}}同做中国梦，开启新时代同做中国梦，开启新时代</p>
          </li>
        </ul>
        </mt-tab-container-item>
      </mt-tab-container>
    </template>

    <div class="nothing" v-else>
      <img src="../assets/images/nothing2.png">
    </div> -->
  </div>
</template>

<script>
import Vue from 'vue';

import { TabContainer, TabContainerItem } from 'mint-ui';
Vue.component(TabContainer.name, TabContainer);
Vue.component(TabContainerItem.name, TabContainerItem);
import { Tabbar, TabItem } from 'mint-ui';
Vue.component(Tabbar.name, Tabbar);
Vue.component(TabItem.name, TabItem);
import { Swipe, SwipeItem } from 'mint-ui';
Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);
export default {
  data() {
    return {
      active:1,column:3,typeList:[]
    }
  },
  components: {
  },
  mounted() {
    //this.getDate();
    console.log(this.id)
  },
  methods:{
    getDate(id){
      var that = this;
    },
    showmenu (){
      this.showM = !this.showM ;
    },
    fetchData (){
      console.log(this.id)
    }
  }
}
</script>

<style scope>
.mint-tabbar{position:static;}
.mint-tab-item-label{line-height: 2;}
.mint-tabbar > .mint-tab-item{position: relative;}
.mint-tabbar > .mint-tab-item:after{content: '';display: block;height: 30px;width: 1px;position: absolute;top: 5px;right: 0;background: #ccc;}
.mint-tabbar > .mint-tab-item:last-child:after{display: none;}
.mint-tabbar > .mint-tab-item.is-selected{background:url(../assets/images/tab-bg.png) no-repeat bottom center;color: #2f74bf}
</style>